<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>页面1</title>
    <link rel="stylesheet" href="../足球圈/css/index1.css">
    <link rel="stylesheet" href="../足球圈/css/base.css">
</head>

<body>
    <div class="top">
        <div class="box1">
            <div class="circle"></div>
            <div class="circle"></div>
            <div class="circle"></div>
            <div class="circle"></div>
            <div class="circle"></div>
            中国联通
            <i class="iconfont icon-WIFI"></i>
        </div>
        11.13
        <div class="box3">
            <i class="iconfont icon-suoping"></i>
            <i class="iconfont icon-naozhong"></i>
            78%
            <i class="iconfont icon-dianchi"></i>
        </div>
    </div>
    <div class="header">
        <div class="box">
            <div class="inner1">热点</div>
            <div class="inner2">关注</div>
        </div>
    </div>
    <div class="nav">
        <ul>
            <li class="active">足球现场</li>
            <li>足球生活</li>
            <li>足球美女</li>
        </ul>
    </div>
    <div class="image">
        <div class="box">
            <img src="../足球圈/images/m1.jpg" alt="">
            <p>小丸子啊小丸子!</p>
        </div>
        <div class="box">
            <img src="../足球圈/images/m2.jpg" alt="">
            <p>萌萌哒小丸子啊萌萌...</p>
        </div>
        <div class="box">
            <img src="../足球圈/images/m3.jpg" alt="">
            <p>小丸子啊小丸子！</p>
        </div>
        <div class="box">
            <img src="../足球圈/images/m4.jpg" alt="">
            <p>小丸子啊萌萌哒小丸...</p>
        </div>
        <div class="box">
            <img src="../足球圈/images/m1.jpg" alt="">
            <p>小丸子啊小丸子!</p>
        </div>
        <div class="box">
            <img src="../足球圈/images/m2.jpg" alt="">
            <p>小丸子啊萌萌哒小丸...</p>
        </div>
    </div>
    <div class="foot">
        <div class="left">
            <div class="inner3">
                <i class="iconfont icon-index"></i>
                <p>首页</p>
            </div>
            <div class="inner2">
                <i class="iconfont icon-sousuo"></i>
                <p>发现</p>
            </div>
        </div>
        <div class="inner">
            <i class="iconfont icon-zhaoxiangji"></i>
        </div>
        <div class="right">
            <div class="inner1">
                <i class="iconfont icon-wode"></i>
                <p>我的</p>
            </div>
            <div class="inner2">
                <i class="iconfont icon-tuichu"></i>
                <p>退出</p>
            </div>
        </div>
    </div>
</body>

</html>